<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
</head>
<style>

</style>

<body>
    <!-- 顶部导航条 -->
    <div class="box">
        <div class="warp">
            <div class="top">
                <ul>
                    <li><a href="a#"><img src="./img/star.jpg" alt="" srcset=""></a></li>
                    <li>收藏</li>
                    <li>|</li>
                    <li>Hi,欢迎来订购!</li>
                    <a href="./register.html"><li class="text">[请登录]</li></a>
                    <a href="./register.html"><li class="text">[免费注册]</li></a>
                </ul>
            </div>
            <div class="top-rigth">
                <a href="#">客户服务</a>
                <a href="#"><img src="./img/arrow.gif" alt="" srcset=""></a>

                <a href="#">网站导航</a>
                <a href="#"><img src="./img/arrow.gif" alt="" srcset=""></a>
                <a href="#"><img class="top-rigth-go" src="./img/shoppingcart.png" alt="" srcset=""></a>
                <a href="#">我的购物车0件</a>
                <a href="#"><img src="./img/arrow.gif" alt="" srcset=""></a>
            </div>
        </div>
    </div>
    <!-- 顶部导航条end -->

    <!-- 顶部图片 -->
    <div class="warp">
        <div class="warp-manbu">
            <a href="#" class="manbu-left"><img src="./img/漫步时代广场-左.jpg" alt="" srcset=""></a>
            <a href="#" class="manbu-rigth"><img src="./img/漫步时代广场-右.jpg.jpg" alt="" srcset=""></a>
        </div>
    </div>
    <!-- 顶部图片end -->

    <!-- 导航条 -->
    <div class="daohang">
        <div class="warp">
            <div class="daohang-text">
                <ul class="nav">
                    <a href=""><li>首页</li></a>
                    <a href="./details.html"><li>购物</li></a>
                    <a href=""><li>影城</li></a>
                    <a href=""><li>美食</li></a>
                    <a href="./layout.html"><li>团购</li></a>
                    <a href="./details.html"><li>限时抢购</li></a>
                    <a href="./layout.html"><li>促销打折</li></a>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航条end -->

    <!-- 一元购 -->
    <div class="warp">
        <div class="yiyuan">
            <img src="./img/ad1.jpg" alt="" srcset="">
        </div>
    </div>
    <!-- 一元购end -->

    <!-- 最新上架 -->
    <div class="warp">
        <div class="zuixing">
            <p>最新上架</p>
        </div>
        <!-- 图片 下-->
        <div class="zuixing-box">
            <div class="yifu">
                <a href="./details.html"><img src="./img/yifu1.jpg" alt="" srcset=""></a>
                <div class="yifu-text">
                    <p class="p1">￥198.00元</p>
                    <p class="p2">324人购买</p>
                    <p class="p3">冬季新款牛仔外套加厚连衣帽毛领加绒牛仔棉衣</p>
                </div>
            </div>
            <div class="yifu">
                <img src="./img/yifu2.jpg" alt="" srcset="">
                <div class="yifu-text">
                    <p class="p1">￥69.00元</p>
                    <p class="p2">534人购买</p>
                    <p class="p3">冬季新款牛仔外套加厚连衣帽毛领加绒牛仔棉衣</p>
                </div>
            </div>
            <div class="yifu">
                <img src="./img/yifu3.jpg" alt="" srcset="">
                <div class="yifu-text">
                    <p class="p1">￥160.00元</p>
                    <p class="p2">643人购买</p>
                    <p class="p3">冬季新款牛仔外套加厚连衣帽毛领加绒牛仔棉衣</p>
                </div>
            </div>
            <div class="yifu">
                <img src="./img/yifu4.jpg" alt="" srcset="">
                <div class="yifu-text">
                    <p class="p1">￥210.00元</p>
                    <p class="p2">324人购买</p>
                    <p class="p3">冬季新款牛仔外套加厚连衣帽毛领加绒牛仔棉衣</p>
                </div>
            </div>
            <div class="yifu">
                <img src="./img/yifu5.jpg" alt="" srcset="">
                <div class="yifu-text">
                    <p class="p1">￥70.00元</p>
                    <p class="p2">687人购买</p>
                    <p class="p3">冬季新款牛仔外套加厚连衣帽毛领加绒牛仔棉衣</p>
                </div>
            </div>
            <div class="yifu">
                <img src="./img/yifu6.jpg" alt="" srcset="">
                <div class="yifu-text">
                    <p class="p1">￥146.00元</p>
                    <p class="p2">324人购买</p>
                    <p class="p3">冬季新款牛仔外套加厚连衣帽毛领加绒牛仔棉衣</p>
                </div>
            </div>
            <div class="yifu">
                <img src="./img/yifu7.jpg" alt="" srcset="">
                <div class="yifu-text">
                    <p class="p1">￥69.00元</p>
                    <p class="p2">1345人购买</p>
                    <p class="p3">冬季新款牛仔外套加厚连衣帽毛领加绒牛仔棉衣</p>
                </div>
            </div>
        </div>
        <div class="yifu-tupian">
            <img class="img1" src="./img/pic1.jpg" alt="" srcset="">
            <img src="./img/pic2.jpg" alt="" srcset="">
            <img src="./img/pic3.jpg" alt="" srcset="">
            <img src="./img/pic4.jpg" alt="" srcset="">
        </div>
    </div>
    <!-- 图片 上-->
    <!-- 最新上架 -->

    <!-- 影院热映 -->
    <div class="warp">
        <div class="zuixing-1">
            <p>影院热映</p>
        </div>
        <div class="movi">
            <img src="./img/ad2.jpg" alt="" srcset="">
            <p class="movi-p1">《火星救援》首个中文预告</p>
            <p class="movi-p2">马特大达蒙火星求生</p>
        </div>
        <div class="movi-s">
            <div class="movi-s1">
                <img src="./img/mo4.jpg" alt="" srcset="">
                <p class="movi-s1-text1">《刺峰》火力热播</p>
                <p class="movi-s1-text2">侯勇为破案做出新指示</p>
            </div>
            <div class="movi-s1">
                <img src="./img/mo7.jpg" alt="" srcset="">
                <p class="movi-s1-text1">《刺峰》火力热播</p>
                <p class="movi-s1-text2">侯勇为破案做出新指示</p>
            </div>
            <div class="movi-s1">
                <img src="./img/mo7.jpg" alt="" srcset="">
                <p class="movi-s1-text1">《刺峰》火力热播</p>
                <p class="movi-s1-text2">侯勇为破案做出新指示</p>
            </div>
            <div class="movi-s1">
                <img src="./img/mo8.jpg" alt="" srcset="">
                <p class="movi-s1-text1">《刺峰》火力热播</p>
                <p class="movi-s1-text2">侯勇为破案做出新指示</p>
            </div>
        </div>
        <div class="movi-x">
            <div class="movi-s1">
                <img src="./img/mo9.jpg" alt="" srcset="">
                <p class="movi-s1-text1">《刺峰》火力热播</p>
                <p class="movi-s1-text2">侯勇为破案做出新指示</p>
            </div>
            <div class="movi-s1">
                <img src="./img/mo10.jpg" alt="" srcset="">
                <p class="movi-s1-text1">《刺峰》火力热播</p>
                <p class="movi-s1-text2">侯勇为破案做出新指示</p>
            </div>
            <div class="movi-s1">
                <img src="./img/mo11.jpg" alt="" srcset="">
                <p class="movi-s1-text1">《刺峰》火力热播</p>
                <p class="movi-s1-text2">侯勇为破案做出新指示</p>
            </div>
            <div class="movi-s1">
                <img src="./img/mo5.jpg" alt="" srcset="">
                <p class="movi-s1-text1">《刺峰》火力热播</p>
                <p class="movi-s1-text2">侯勇为破案做出新指示</p>
            </div>
        </div>
        <div class="movi-zp">
            <img class="movi-zp-1" src="./img/pic5.jpg" alt="" srcset="">
            <img src="./img/pic6.jpg" alt="" srcset="">
            <img src="./img/pic7.jpg" alt="" srcset="">
            <img src="./img/pic8.jpg" alt="" srcset="">
        </div>
    </div>
    <!-- 影院热映end -->

    <!-- 今日美食 -->
    <div class="warp">
        <div class="foot">
            <p>今日美食</p>
        </div>
        <div class="warp-table">
            <div class="warp-table-s">
                <div class="warp-table-kuai">
                    <img src="./img/ms2.jpg" alt="" srcset="">
                    <div class="bottom">大力士休闲餐厅</div>
                    <samp>￥85<p>起</p></samp>
                    <p class="table-text">已售1875</p>
                </div>

                <div class="warp-table-kuai">
                    <img src="./img/ms1.jpg" alt="" srcset="">
                    <div class="bottom">大力士休闲餐厅</div>
                    <samp>￥85<p>起</p></samp>
                    <p class="table-text">已售1875</p>
                </div>
                <div class="warp-table-kuai">
                    <img src="./img/ms3.jpg" alt="" srcset="">
                    <div class="bottom">大力士休闲餐厅</div>
                    <samp>￥85<p>起</p></samp>
                    <p class="table-text">已售1875</p>
                </div>
                <div class="warp-table-kuai">
                    <img src="./img/ms4.jpg" alt="" srcset="">
                    <div class="bottom">大力士休闲餐厅</div>
                    <samp>￥85<p>起</p></samp>
                    <p class="table-text">已售1875</p>
                </div>
            </div>
            <div class="warp-table-x">
                <div class="warp-table-kuai">
                    <img src="./img/ms5.jpg" alt="" srcset="">
                    <div class="bottom">大力士休闲餐厅</div>
                    <samp>￥85<p>起</p></samp>
                    <p class="table-text">已售1875</p>
                </div>

                <div class="warp-table-kuai">
                    <img src="./img/ms6.jpg" alt="" srcset="">
                    <div class="bottom">大力士休闲餐厅</div>
                    <samp>￥85<p>起</p></samp>
                    <p class="table-text">已售1875</p>
                </div>
                <div class="warp-table-kuai">
                    <img src="./img/ms7.jpg" alt="" srcset="">
                    <div class="bottom">大力士休闲餐厅</div>
                    <samp>￥85<p>起</p></samp>
                    <p class="table-text">已售1875</p>
                </div>
                <div class="warp-table-kuai">
                    <img src="./img/ms8.jpg" alt="" srcset="">
                    <div class="bottom">大力士休闲餐厅</div>
                    <samp>￥85<p>起</p></samp>
                    <p class="table-text">已售1875</p>
                </div>
            </div>
        </div>
    </div>
    <div class="dibu">
        <p class="dibu-text"><a href="#">Copyright 2015-2020 Q- Walking Fashion E&S漫步时尚广场(QST教育)版权所有</a></p>
        <p><a href="#">中国青岛高新区河东路8888号青软教育集团咨询热线: 400- 658 0166400- 658 1022</a></p>
        <img src="./img/foot_pic.jpg" alt="" srcset="">
    </div>
    <!-- 今日美食end -->
</body>

</html>